<template>
  <div class="demo">
    <div class="demo-title">带面包屑页头</div>
    <div class="demo-content">
      <PageHeader
        style="border: 1px solid rgb(235, 237, 240)"
        title="Title"
        :breadcrumb="{ routes }"
        sub-title="This is a subtitle"
      />
    </div>
  </div>
</template>

<script lang="ts" setup>
  import PageHeader from '@sscd/page-header';
  const routes = [
    { path: 'list', breadcrumbName: 'First-level Menu' },
    { path: 'list', breadcrumbName: 'Second-level Menu' },
    { path: 'list', breadcrumbName: 'Third-level Menu' },
  ];
</script>
